{{extend './pub/index.html'}}

{{ block 'main'}}
<div class="container-fluid d-flex bd-highlight" style="padding: 20px 10%;height: 400px;">
  <div class="p-2 flex-fill" style="padding-left: 0px !important;padding-right: 50px !important;">
    <div class="d-flex justify-content-between">
      <p class="font-weight-bolder" style="font-size: 20px;">学院新闻</p>
      <a href="" class="text-decoration-none tubiao" style="line-height: 30px;"><i
          class="bi bi-three-dots text-secondary"></i></a>
    </div>
    <ul class="list-group list-group-flush">
      {{each data1}}
      <li class="list-group-item d-flex justify-content-between" aria-disabled="true" style="padding: 10px 0px;">
        <a href="/home/info?id={{$value.id}}&name=news"  class="text-truncate text-decoration-none font-weight-light text-secondary"
          style="width: 70%;font-size: 15px;">{{$value.title}}</a>
        <span class="text-secondary">{{$value.date}}</span>
      </li>
      {{/each}}
    </ul>
  </div>

  <div class="p-2 flex-fill">
    <div class="d-flex justify-content-between">
      <p class="font-weight-bolder" style="font-size: 20px;">学院公告</p>
      <a href="" class="text-decoration-none tubiao" style="line-height: 30px;"><i
          class="bi bi-three-dots text-secondary"></i></a>
    </div>
    <ul class="list-group list-group-flush">
      {{each data2}}
      <li class="list-group-item d-flex justify-content-between" aria-disabled="true" style="padding: 10px 0px;">
        <a href="/home/info?id={{$value.id}}&name=notice" class="text-truncate text-decoration-none font-weight-light text-secondary"
          style="width: 70%;font-size: 15px;">{{$value.title}}</a>
        <span class="text-secondary">{{$value.date}}</span>
      </li>
      {{/each}}
    </ul>
  </div>

  <div class="p-2 flex-fill" style="padding-left: 50px !important;">
    <div class="d-flex justify-content-between">
      <p class="font-weight-bolder text-center" style="font-size: 20px;width: 100%;">友情链接</p>
    </div>
    <ul class="list-group list-group-flush">
      {{each data3}}
      <li class="list-group-item d-flex justify-content-between" aria-disabled="true"
        style="padding: 10px 0px;text-align: center;align-items: center;">
        <a href="" class="text-truncate text-decoration-none font-weight-light text-secondary"
          style="width: 100%;font-size: 15px;">{{$value.name}}</a>
      </li>
      {{/each}}
    </ul>
  </div>
</div>
{{/block}}